<template>
	<view>
		<!-- 色块 -->
		<view class="colorBlock">
			
		</view>
		
		<!-- 卡片 -->
		<view class="GoodsCard">
			<view class="box">
				<text>服务协议</text>
				<img src="@/static/img/right.png" alt="" 
				style="width: 30rpx;height: 30rpx;margin-left: 500rpx;"
				@tap="jump('protocol')"/>
			</view>
			<view class="">
				<text>服务理念</text>
				<img src="@/static/img/right.png" alt="" 
				style="width: 30rpx;height: 30rpx;margin-left: 500rpx;"
				@tap="jump('idea')"/>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				jump(text){
					uni.navigateTo({
						url:`/pages/my/${text}/${text}`
					})
				},
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.colorBlock{
	width: 100%;
	height: 50rpx;
	background-color: #FFA400;
	position: absolute;
	z-index: -1;
}

.GoodsCard{
	width: 100%;
	height: 100vh;
	background-color: white;
	border-radius: 34rpx;
	padding-left: 32rpx;
	padding-right: 32rpx;
	box-sizing: border-box;
	/* line-height: 240rpx; */
	/* display: flex; */
	margin-bottom: 30rpx;
}

.box{
	padding-top: 58rpx;
	padding-bottom: 63rpx;
	border-bottom: 1rpx solid #ccc;
	margin-bottom: 58rpx;
}
</style>
